<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>沐鱼-总有你喜欢的包包</title>
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/login.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/login.js" ></script>
	</head>

	<body>
		<!--hearder-->
		<div class="hearder">
			<div class="w12">
			<div class="logo">
				<a href="index.html"><img src="img/logo.png"></a>
				<h3>欢迎登录</h3>
			</div>
			<div class="login">
				<a href="index.html">
					<img src="img/shouye.png">
				</a>
				<a href="index.html">
					<span>返回首页</span>
				</a>
				<b>还没账号，</b>
				<a href="reg.html"><span class="on">免费注册</span></a>
			</div>
			</div>
		</div>
		<!--welcome-->
		<div class="welcome w12">
			<p>欢迎沐鱼用户登录</p>
		</div>
		<!--content-->
		<div class="main w12">
			<div class="main-left">
				<img src="img/login-pro.png" />
			</div>
			<div class="main-right">
				<div class="main-title">
					<img src="img/geren.png" />
					<span>沐鱼用户登录</span>
				</div>
				<div class="right-content">
					<form>
						<span>用户名：</span><input type="text" class="userName" value="" name="uesr"/>
						<span>密码：</span><input type="password" class="pwd" value="" name="pwd"/>
						<span>验证码：</span><input class="auth" type="text" value="" name="yzm"/>
						<a href="#">H9S6</a>
						<input type="submit" value="立即登录" name="submit" class="submit"/>
					</form>
				</div>
				<div class="right-foot">
					<a href="#" class="left">忘记密码？</a>
					<a href="reg.html" class="right">免费注册</a>
				</div>
			</div>
			<div class="main-foot w12">
				<ul>
					<li><img src="img/login-zhuan.png" /><span>100%正品保证</span></li>
					<li><img src="img/login-you.png" /><span>新人首单免邮</span></li>
					<li><img src="img/login-qi.png" /><span>七天包退换</span></li>
					<li><img src="img/login-m.png" /><span>首次退换免邮费</span></li>
				</ul>
			</div>
		</div>
		<!--footer-->
		<div class="foot">
			<div class="w12">
				<div class="foot-left">
					<div class="foot-list">
						<h2>消费保障</h2>
						<ul>
							<li>
								<a href="#">网购警示</a>
							</li>
							<li>
								<a href="#">隐私保护</a>
							</li>
							<li>
								<a href="#">投诉中心</a>
							</li>
							<li>
								<a href="#">客服中心</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>购物指南</h2>
						<ul>
							<li>
								<a href="reg.html">免费注册</a>
							</li>
							<li>
								<a href="#">购物流程</a>
							</li>
							<li>
								<a href="#">会员介绍</a>
							</li>
							<li>
								<a href="#">常见问题</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>配送方式</h2>
						<ul>
							<li>
								<a href="#">收货上门</a>
							</li>
							<li>
								<a href="#">上门自提</a>
							</li>
							<li>
								<a href="#">配送查阅</a>
							</li>
							<li>
								<a href="#">海外配送</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>支付方式</h2>
						<ul>
							<li>
								<a href="#">在线支付</a>
							</li>
							<li>
								<a href="#">货到付款</a>
							</li>
							<li>
								<a href="#">分期付款</a>
							</li>
							<li>
								<a href="#">公司转账</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>售后服务</h2>
						<ul>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">价格保护</a>
							</li>
							<li>
								<a href="#">取消订单</a>
							</li>
							<li>
								<a href="#">退款流程</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="foot-right">
					<h2>服务热线（8:00-18:00）</h2>
					<ul>
						<li>400-123123</li>
						<li>服务邮箱</li>
						<li>123456789@qq.com</li>
					</ul>
				</div>

			</div>

		</div>
		<div class="w12">
		<div class="base">
				<ul>
            <li>
                <a href="http://www.alibabagroup.com/cn/global/home">阿里巴巴集团</a>
            </li>
            <li>
                <a href="https://www.taobao.com/">淘宝网</a>
            </li>
            <li>
                <a href="https://www.tmall.com">天猫</a>
            </li>
            <li>
                <a href="http://www.smzdm.com">聚划算</a>
            </li>
            <li>
                <a href="https://www.vip.com/">唯品会</a>
            </li>
            <li>
                <a href="http://www.alibaba.com/">阿里巴巴国际交易市场</a>
            </li>
            <li>
                <a href="https://www.1688.com/">1688</a>
            </li>
            <li>
                <a href="https://www.alimama.com">阿里妈妈</a>
            </li>
            <li>
                <a href="http://trip.taobao.com">去啊</a>
            </li>
            <li>
                <a href="https://wanwang.aliyun.com">万网</a>
            </li>
            <li>
                <a href="https://www.aliyun.com">阿里云计算</a>
            </li>
        </ul>
				<div class="copy">
					<span>&copy;2011-2017   taobao china. 雅倩版权所有   </span>
					<ul>
						<li>
							<a href="#"> 隐私权政策</a>
						</li>
						<li>
							<a href="#">  用户服务协议</a>
						</li>
						<li>
							<a href="#"> 条约规定</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>